@import "../style/var";

.em-place-holder {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 15px;
  overflow: hidden;

  &__large {
    height: 20px;
  }
  &__small {
    height: 10px;
  }
  &__min {
    height: 10px;
  }

  &--line {
    &::after {
      position: absolute;
      left: 0;
      top: 50%;
      width: 100%;
      height: 1px;
      content: "";
      display: block;
      background-color: #f2f4f7;
      transform: translateY(-50%);
    }
  }

  &--vertical {
    width: 15px;
    height: initial;
  }
  &--vertical {
    &.em-place-holder--line::after {
      left: 50%;
      top: 0;
      width: 1px;
      height: 100%;
      transform: translateX(-50%);
    }
  }
}
